<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>018-颜色(rgb&rgba)</title>
		<style>
			/*
			rgb: 表示光的三原色（红、绿、蓝），每个颜色的取值范围是 0-255/百分比。
			a: 表示透明度，取值范围是 0-1。
			*/

			div p:first-child {
				color: rgba(255, 0, 0, 1);
			}

			div p:nth-child(2) {
				color: rgba(0, 255, 0, 1);
			}

			div p:nth-child(3) {
				color: rgba(0, 0, 255, 1);
			}

			/* 紫罗兰色 */
			div p:nth-child(4) {
				color: rgba(138, 43, 226, 1);
			}

			/* 百分比写法 */
			div p:last-child {
				color: rgb(100%, 0%, 0%);
			}
		</style>
	</head>
	<body>
		<div>
			<p>div1</p>
			<p>div2</p>
			<p>div3</p>
			<p>div4</p>
			<p>div5</p>
		</div>
	</body>
</html>
